<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>确认下单</title>
    <link rel="shortcut icon" href="../static/favicon.ico"/>
    <link rel="bookmark" href="/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="../static/css/base.css">
    <link rel="stylesheet" type="text/css" href="../static/css/order.css">
</head>
<body>
	<header>
        <div class="container clearfix" id="top">
            <a href="index.html"><img class="logo" src="../static/img/logo.png"></a>
            <a class="topbar-item active" href="index.html">首页</a>
            <a class="topbar-item " href="category.html">商铺分类</a>
            <a class="topbar-item" href="my.html">个人中心</a>
            <nav>
                <a href="register.html">注册</a>
                <span>|</span>
                <a href="login.html">登录</a>
            </nav>
        </div>
    </header>
    <a id="toTop"><img src="../static/img/scroll_top1.png"></a>
    <div class="main_box">
        <div class="checkout_cart">
            <div class="checkout_container">
                <div class="checkoutcart_title">
                    <h2>订单详情</h2><a href="#">&lt; 返回商家修改</a>
                </div>
                <div class="checkoutcart-tablerow tablehead">
                    <div class="cell itemname">商品</div>
                    <div class="cell itemquantity">份数</div>
                    <div class="cell itemtotal">小计（元）</div>
                </div>
                <div class="checkoutcart_group">
                    <div class="checkoutcart-item">
                        <div class="checkoutcart-tablerow">
                            <div class="cell itemname" title="双层鸡腿堡">双层鸡腿堡</div>
                            <div class="cell itemquantity"><span class="">1</span></div>
                            <div class="cell itemtotal">¥12.8</div>
                        </div>
                        <div class="checkoutcart-tablerow">
                            <div class="cell itemname" title="双层鸡腿堡">超级鸡腿堡</div>
                            <div class="cell itemquantity"><span class="">1</span></div>
                            <div class="cell itemtotal">¥13.8</div>
                        </div>
                    </div>
                </div>
                <div class="checkoutcart-tablerow extra">
                    <div class="cell itemname" title="配送费">配送费</div>
                    <div class="cell itemquantity"><span class=""></span></div>
                    <div class="cell itemtotal">¥2.5</div>
                </div>
                <div class="checkoutcart-tablerow extra">
                    <div class="cell itemname" title="餐盒">餐盒</div>
                    <div class="cell itemquantity"><span class=""></span></div>
                    <div class="cell itemtotal">¥1</div>
                </div>
                <div class="checkoutcart_total color-stress ">
                    ¥<span class="num">30.10</span></div>
                </div>
            </div>
        </div>
        <div class="checkout_content">
            <div class="checkout_select">
                <h2>收货地址</h2>
                <div class="checkout_address">
                    <img src="../static/img/weizhi.png">
                    <div class="checkout-address-info">
                        <p id="address_name">苏栋先生</p>
                        <p id="address_tel">17851185357</p>
                        <p id="address_detail" class="color-weak">江苏师范大学21世纪大楼</p>
                    </div>
                </div>
            </div>
            <h2>付款方式</h2>
            <p>货到付款</p>
            <div class="order_btn">
                <button class="btn-stress">确认下单</button>
            </div>
        </div>        
    </div>

    <div id="order_success" class="hide">
        <h1>下单成功！</h1>
        <p>(点击确认可到个人中心查看)</p>
        <button id="confirm">确认</button>
    </div>

    <div id="mask" class="hide"></div>

	<script type="text/javascript" src="../static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="../static/js/base.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.btn-stress').click(function(){
            //处理下单业务逻辑


                $('#order_success,#mask').removeClass('hide');
            })
            $('#confirm').click(function(){
                window.location.href="my.html";
            })
        })

    </script>
</body>
</html>